<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24">
    <!-- Icon from Material Symbols Light by Google - https://github.com/google/material-design-icons/blob/master/LICENSE -->
    <path
      fill="#888888"
      d="M17.462 20H7.423V9l6.27-6.192l.442.442q.136.137.23.35t.093.392v.158L13.435 9h6.95q.627 0 1.12.494T22 10.616v1.23q0 .137-.03.298t-.082.298l-2.73 6.474q-.206.461-.693.773q-.486.311-1.003.311m-9.039-1h9.039q.211 0 .432-.115q.222-.116.337-.385L21 12v-1.384q0-.27-.173-.443T20.385 10h-8.193l1.158-5.461l-4.927 4.888zm0-9.573V19zm-1-.427v1H4v9h3.423v1H3V9z"
    />
  </svg>
</template>

<script lang="ts">
export default {
  name: 'MaterialSymbolsLightThumbUpOutline',
}
</script>
